<script>


export default ({

  data(){
        return{
          user:{
            username:"",
            password:"",
            type:""
            }
        }
        },
    

  methods:{
        login:function(){
          this.$axios.post("user/login",this.user).then(res =>{
            console.log(res.data);
             if(res.data.code==200){
              this.$router.push("/main")
             }
          }
          )
           // console.log("登陆");
        }
    }
})
</script>


<template>

  <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u0" class="ax_default _默认样式">
        <div id="u0_div" class=""></div>
      </div>

      

      <!-- Unnamed (矩形) -->
      <div id="u2" class="ax_default _文本段落3">
        <div id="u2_div" class=""></div>  
        <div id="u2_text" class="text ">
          <p><span>居家托养移动应用管理中心</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3" class="ax_default _文本段落3">
        <div id="u3_div" class=""></div>
        <div id="u3_text" class="text ">
          <p><span style="font-family:'STSongti-SC-Regular', 'Songti SC';">标准的业务流程</span></p><p><span style="font-family:'STSongti-SC-Regular', 'Songti SC';">全方位运营手段支持</span></p><p><span style="font-family:'AmericanTypewriter', 'American Typewriter';"><br></span></p><p><span style="font-family:'AmericanTypewriter', 'American Typewriter';"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      
      <div id="u4" class="ax_default _默认样式">
        
        <div id="u4_div" class="" style="height:300px">
            <el-radio-group v-model="user.type" size="big">
                <el-radio-button label="0" >残疾人</el-radio-button>
                <el-radio-button label="1">监护人</el-radio-button>
                <el-radio-button label="2">陪护员</el-radio-button>
                <router-link to="/Register" tag="el-button">注册</router-link>
              </el-radio-group>
          <el-input
          style="width: 60%;margin-left: 20%;margin-top: 10%;"
          placeholder="请输入用户名"
          v-model="user.username"
          size="500px "
          clearable>
          </el-input>

          <el-input
          style="width: 60%;margin-left: 20%;margin-top: 10%;"
          placeholder="请输入密码"
          v-model="user.password"
          size="500px "
          clearable>
          </el-input>

          

          <el-button type="success"
          style="width: 60%;margin-left: 20%;margin-top: 10%;background-color: rgba(149,209,199);"
          placeholder="请输入密码"
          size="500px "
          clearable @click="login()">登陆</el-button>
        </div>
        
            
      </div>

     
      <!-- Unnamed (矩形) -->
      <div id="u12" class="ax_default _文本段落3">
        <div id="u12_div" class=""></div>
        <div id="u12_text" class="text ">
          <p><span>功能模块配置化</span></p><p><span>详细全面的交互</span></p><p><span><br></span></p>
        </div>
      </div>

                                                      
    </div>
</template>

<style scoped>
  body {
  margin:0px;
  background-color:rgba(246, 247, 249, 1);
  background-image:none;
  position:relative;
  left:-0px;
  width:1660px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#base {
  position:absolute;
  z-index:0;
}
#u0_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:1660px;
  height:1010px;
  background:inherit;
  background-color:rgba(149, 209, 199, 1);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:36px;
  color:#FFFFFF;
}
#u0 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:1660px;
  height:1010px;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:36px;
  color:#FFFFFF;
}
#u0_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  visibility:hidden;
  word-wrap:break-word;
}
#u1_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:556px;
  height:332px;
}
#u1 {
  border-width:0px;
  position:absolute;
  left:124px;
  top:428px;
  width:556px;
  height:332px;
}
#u1_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  visibility:hidden;
  word-wrap:break-word;
}
#u2_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:625px;
  height:58px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:48px;
  color:#FFFFFF;
  text-align:center;
}
#u2 {
  border-width:0px;
  position:absolute;
  left:77px;
  top:130px;
  width:625px;
  height:58px;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:48px;
  color:#FFFFFF;
  text-align:center;
}
#u2_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:625px;
  white-space:nowrap;
}
#u3_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:338px;
  height:88px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:36px;
  color:#FFFFFF;
}
#u3 {
  border-width:0px;
  position:absolute;
  left:48px;
  top:232px;
  width:338px;
  height:88px;
  font-size:36px;
  color:#FFFFFF;
}
#u3_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:338px;
  word-wrap:break-word;
}
#u4_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:420px;
  height:310px;
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  border:none;
  border-radius:6px;
  -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
  -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
  box-shadow:0px 0px 10px rgba(0, 0, 0, 0.349019607843137);
  font-family:'微软雅黑 Bold', '微软雅黑';
  font-weight:700;
  font-style:normal;
  font-size:16px;
  color:#999999;
  text-align:left;
  line-height:20px;
}
#u4 {
  border-width:0px;
  position:absolute;
  left:890px;
  top:180px;
  width:420px;
  height:310px;
  font-family:'微软雅黑 Bold', '微软雅黑';
  font-weight:700;
  font-style:normal;
  font-size:16px;
  color:#999999;
  text-align:left;
  line-height:20px;
}
#u4_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  visibility:hidden;
  word-wrap:break-word;
}




#u12_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:283px;
  height:88px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:36px;
  color:#FFFFFF;
}
#u12 {
  border-width:0px;
  position:absolute;
  left:419px;
  top:232px;
  width:283px;
  height:88px;
  font-family:'STSongti-SC-Regular', 'Songti SC';
  font-weight:400;
  font-style:normal;
  font-size:36px;
  color:#FFFFFF;
}
#u12_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:283px;
  word-wrap:break-word;
}


</style>

